
<style>
  #extr-page #header {
      border-bottom: 0px solid;
      background: -moz-linear-gradient(#3B3937, #2B2927) !important;
      background: -webkit-gradient(linear, left top, left bottom, from(#3B3937), to(#2B2927)) !important;
      -moz-box-shadow: 0 1px 0 black !important;
      -webkit-box-shadow: 0 1px 0 black !important;
      background: #fbf6f6 !important;
      color: black;
      border-bottom: 0px solid #eee !important;
  }

      #extr-page #header #logo {
          margin-top: 15px;
      }

          #extr-page #header #logo img {
              width: 35px;
              padding: 0 0 12px 0;
          }

          #extr-page #header #logo a {
              color: #7d5b13;
              font-size: 25px;
              font-weight: bold;
              text-shadow: 1px 2px 1px #b5b260;
              height: 30px;
              width: 50px;
              line-height: 30px;
              text-align: center;
          }

              #extr-page #header #logo a:hover {
                  color: #ff7800;
              }

  #extr-page #main {
      background: url('styles/img/timg.jpg') top left;
      background-size: 100% 100%;
      overflow: hidden;
      margin: 0;
  }

  #extr-page #main {
      padding-top: 170px;
  }

  #main {
      color: white;
  }

  #extr-page h5.about-heading {
      color: #eadcdc;
  }

  #extr-page {
      background: #333;
      overflow: visible;
  }

      #extr-page h4.paragraph-header {
          color: #fffafa;
      }

      #extr-page .login-header-big {
          font-size: 35px;
          font-weight: 400;
      }
  #content{
    margin-right:auto;
    margin-left:auto;
    padding:30px 14px;
  }
  .fixed-header #header{
    position:relative;
  }
</style>
<header id="header" class="animated fadeInDown">

  <div id="logo-group">
      <span id="logo"> <img src="styles/img/logo.png" alt="江苏万企汇云仓" style="width:100%"></span>
  </div>
  <!--<span id="extr-page-header-space"> <span class="hidden-mobile hiddex-xs">物联网时代，需要账号?</span> <a href="register.html" class="btn btn-danger">创建</a> </span>-->

</header>
<div id="main" role="main" class="animated fadeInDown">

  <div id="content" class="container">
      <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 hidden-xs hidden-sm">
              <h1 class="txt-color-white login-header-big">油罐远程数据监测系统</h1>

              <div class="hero">
                  <div class="pull-left login-desc-box-l">
                      <h4 class="paragraph-header"></h4>

                      <div class="login-app-icons">
                          <a ui-sref="app.dashboard" class="btn btn-danger btn-sm">我们官网</a>
                          <a href-void class="btn btn-danger btn-sm">更多的介绍</a>
                      </div>
                  </div>
                  <!-- <img src="styles/img/demo/iphoneview.png" class="pull-right display-image" alt style="width:210px"> -->
              </div>
              <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                      <h5 class="about-heading">多终端和监控</h5>

                      <p>支持当前多种主流终端，帮助用户低成本完成将终端迁移至新的系统，同时可协商开发新终端协议</p>
                      <p>
                          监控终端实时状态；实时分析终端运营情况；定义监控规则对终端进行管理；支持视频监控
                      </p>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                      <h5 class="about-heading">报表</h5>

                      <p>
                          提供多种不同的报表，协助用户从各种不同角度管理终端，如，模拟量分析，统计统计，离线分析等
                      </p>
                  </div>
              </div>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
              <div class="well no-padding">
                  <form id="login-form" class="smart-form client-form" data-smart-validate-form ng-submit="loginPost()">
                      <header>
                          登入<font color="red">{{warning}}</font>
                      </header>
                      <fieldset>
                          <section>
                              <label class="label">电子邮箱</label>
                              <label class="input">
                                  <i class="icon-append fa fa-user"></i>
                                  <input type="email" name="email"
                                         data-smart-validate-input
                                         data-required
                                         data-email
                                         data-message-required="请输入您的邮箱或用户名"
                                         data-message-email="请输入一个有效的邮箱地址"
                                         ng-model="credentials.id">
                                  <b class="tooltip tooltip-top-right">
                                      <i class="fa fa-user txt-color-teal"></i>
                                      请输入您的邮箱或用户名
                                  </b>
                              </label>
                          </section>
                          <section>
                              <label class="label">密码</label>
                              <label class="input">
                                  <i class="icon-append fa fa-lock"></i>
                                  <input type="password" name="password"
                                         data-smart-validate-input
                                         data-required
                                         data-minlength="3"
                                         data-maxnlength="20"
                                         data-message="请输入密码"
                                         ng-model="credentials.pass">
                                  <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i>输入您的密码</b>
                              </label>


                          </section>

                      </fieldset>
                      <footer>
                          <button type="submit" class="btn btn-primary">
                              登录
                          </button>
                      </footer>
                  </form>
              </div>

          </div>
      </div>
  </div>
</div>
<div style="height:2px"></div>
<style>
  .tcopyright {
      width: 100%;
      margin: 0 auto;
      padding: 8px 0;
      font-size: 12px;
      line-height: 28px;
      color: #686868;
      text-align: center;
      overflow: hidden;
      clear: both;
      background: #333;
  }

      .tcopyright .en {
          font-family: Arial;
      }

      .tcopyright a {
          color: #686868;
          text-decoration: none;
      }

          .tcopyright a:hover {
              color: #bd0a01;
              text-decoration: underline;
          }
</style>

<div id="tcopyright" class="tcopyright" role="contentinfo">
  <div>
      <a href="http://www.wqhcloud.com/about/gywm.html" target="_blank" rel="nofollow">关于万企汇</a>
       | 
      <a href="http://www.wqhcloud.com" target="_blank" rel="nofollow">App</a>
       | 
      <a href="" target="_blank" rel="nofollow">服务协议</a>
       | 
      <a href="http://www.qq.com/privacy.htm" target="_blank" rel="nofollow">隐私政策</a>
       | 
      <a href="" target="_blank" rel="nofollow">开放平台</a>
       | 
      <a href="http://www.wqhcloud.com" target="_blank" rel="nofollow">客服中心</a> 
      <a href="http://www.wqhcloud.com" target="_blank" rel="nofollow">网站导航</a>
  </div>
  <div class="en">Copyright &copy; 1998 - 2016 brjz. All Rights Reserved</div>
  <div>
      <a href="http://www.wqhcloud.com" target="_blank" rel="nofollow">万企汇云仓</a> <a href="http://www.wqhcloud.com" target="_blank" rel="nofollow">版权所有</a>
  </div>

</div>
